Skip to content

Introduce "Composition" page under "Motion" category - #2205

Open
Tera (0x5bfa) wants to merge 2 commits into
microsoft:mainfrom
0x5bfa:composition1
Open

Tera (0x5bfa) wants to merge 2 commits into
microsoft:mainfrom
0x5bfa:composition1

Conversation

@0x5bfa

@0x5bfa Tera (0x5bfa) commented Jul 14, 2026 •

Copy link
Copy Markdown
Contributor

Description

image image

Motivation and Context

Discussed offline with Marcel W. (@marcelwgn) and Niels Laute (@niels9001)

How Has This Been Tested?

  • Build the app
  • Check if the page works correctly

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Copilot AI review requested due to automatic review settings July 14, 2026 10:12

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new Composition > Basics entry to WinUI Gallery, introducing a dedicated sample page that demonstrates foundational XAML/Composition interop concepts (Visual retrieval, child visuals, transform matrices, and clipping).

Changes:

  • Added a new Composition category and CompositionBasics item to ControlInfoData.json, including docs links and related control wiring.
  • Introduced the new CompositionBasicsPage (XAML + code-behind) with interactive examples for visuals, anchor points, transform matrices, and inset clipping.
  • Added associated ControlExample sample-definition .txt snippets for the new page.

Reviewed changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
WinUIGallery/SampleSupport/Data/ControlInfoData.json Adds the new Composition category and CompositionBasics item metadata (docs, image, related controls).
WinUIGallery/Samples/CompositionBasics/CompositionBasicsPage.xaml New UI page hosting Composition “Basics” demos using ControlExample.
WinUIGallery/Samples/CompositionBasics/CompositionBasicsPage.xaml.cs Code-behind implementing the Composition interop demos (Visual, child visual, transform matrix, clip).
WinUIGallery/Samples/CompositionBasics/CompositionBasicsGetElementVisual.txt Sample-definition snippet for retrieving/transforming an element Visual.
WinUIGallery/Samples/CompositionBasics/CompositionBasicsChildVisual.txt Sample-definition snippet for attaching a child SpriteVisual and using AnchorPoint/Offset.
WinUIGallery/Samples/CompositionBasics/CompositionBasicsTransformMatrix.txt Sample-definition snippet for composing multiple transforms via TransformMatrix.
WinUIGallery/Samples/CompositionBasics/CompositionBasicsClip.txt Sample-definition snippet for clipping an element via InsetClip.

@0x5bfa Tera (0x5bfa) changed the title Introduce "Composition" > "Basics" page Introduce "Composition" page under "Motion" category Oct 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants